@charset "utf-8";
/**
 * UA Ruhr - Universitaetsallianz Ruhr
  */
 
/*browser reset*/
* {	margin:0; padding:0;}
option {padding-left:0.4em;}
select {padding:1px;}
html { height: 100%; margin-bottom: 1px; }
/*Globale Korrektur des Italics Bugs des IE 5.x und IE 6*/
* html body * {overflow:visible;}
 body {
	font-size:100.01%;/*Beseitigung von Rundungsfehler bei Opera*/
	background:#FFFFFF;
	color:#303030;
	text-align:left;
	overflow-y: scroll;
}
div {outline:0 none;/*Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */	}
fieldset, img { border:0 solid;/*Rahmen fur <fieldset> und <img> Elemente loschen*/}
blockquote { margin:0 0 1em 0.8em; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; }
/*Clearfix-Methode zum Clearen der Float-Umgebungen*/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}
/*Diese Angabe benotigt der Safari-Browser zwingend*/
.clearfix { display:block; }
.links{	float: left;}
.rechts{ float:right;}
.skip, .hideme, .print {
position:absolute;
top:-32768px;
left:-32768px;
}
.skip:focus, .skip:active {
position:static;
top:0;
left:0;
}
#skiplinks { 
position:absolute;
top:0px; 
left:-32768px; 
z-index:1000; 
width:100%;
margin:0; 
padding:0; 
list-style-type:none;   
}
#skiplinks a.skip:focus,
#skiplinks a.skip:active {
left:32768px; 
outline:0 none;
position:absolute; 
width:100%;
}  
/*--- Seitenaufbau ------------------------------------------------------------*/
#seitenrand {
	width: 1012px;
	margin: 30px auto 10px auto;
	background: transparent;
	}
#seite,#kopf,#footer {
	margin: 0 11px;
	width: 990px;
}
#kopf{
	/*float:left;
	width: 100%;*/
	margin-bottom: 27px;
	background: #FFFFFF;
	height: 78px;
	}
#hauptteil{
	float:left;
	clear:both;
	margin-bottom:40px;
        width: 990px;
}
#linkespalte{
	float:left;
        margin: 5px;
	
}


#menue{
	float:left;
        margin: 3px;
	
}

#inhalt{
	width:750px;
	margin: 0px 20px 0 20px;
	float:left;
	display:inline;
}
#rechtespalte{
     	color: #303030;
        float: left;
	margin: 3px;
	width: 260px;


}
#footer{
	background:url(http://www.rub.de/ua-mr/grafik/footer.jpg) top left no-repeat #004494;
	clear: both;
	height: 46px;
	width: 990px;
	margin-bottom:20px;
	vertical-align: middle;
	}
#schatten_links{ background: transparent url(http://www.rub.de/ua-mr/grafik/schatten_lm.jpg) repeat-y; background-position: left top;}
#schatten_lo{background: transparent url(http://www.rub.de/ua-mr/grafik/schatten_lo.jpg) no-repeat;background-position: left top;}
#schatten_lu{background: transparent url(http://www.rub.de/ua-mr/grafik/schatten_lu.jpg) no-repeat;background-position: left bottom;}
#schatten_rechts{ background: transparent url(http://www.rub.de/ua-mr/grafik/schatten_rm.jpg) repeat-y; background-position: right top;}
#schatten_ro{ background: transparent url(http://www.rub.de/ua-mr/grafik/schatten_ro.jpg) no-repeat;background-position: right top;}
#schatten_ru{ background: transparent url(http://www.rub.de/ua-mr/grafik/schatten_ru.jpg) no-repeat;background-position: right bottom;}

/*--- Allgemeines ------------------------------------------------------------*/
body {
	font-family: 'Droid Sans', arial, "Myriad Pro", serif;
}
a {
	text-decoration:none;
}
a:link, a:visited{
	text-decoration:none;
	color: #303030;
	}
#inhalt a:link, #inhalt a:visited, #rechtespalte ol li a{
	text-decoration:none;
	color:#004494;
}
a:hover, a:focus{
	text-decoration:none;
	color: #01a6de !important;
}
a:active, .aktiv{
	text-decoration:none;
	color: #c3c3c3 !important;
}

.erster, li:first-child{
	border-top: 0px none !important;
	padding-top: 0px !important;
}

/*--- Kopfbereich ------------------------------------------------------------*/
#logo{
	float: left;/* notig? */
	display:inline-block
       
	}
#motto{
	float: right;
	}
#banner{
	overflow:hidden;
}

#titel {
        text-align: right;
        font-size:25px;
        display:inline-block
       margin-left: 20px;
}

#logos {
        padding-top: 10px;
        float: left;/* notig? */
	display:inline-block
        margin-right: 5px;
}

#col1 {
        text-align: right;
        font-size:25px;
        display:inline-block
        margin-left: 20px;
}

#col2 {
        float: left;/* notig? */
	display:inline-block
        margin-right: 5px;
}

/*--- Banner ------------------------------------------------------------*/
#banner{
	float: left;
	width: 100%;
	height: 200px;
	margin-bottom: 5px;
	background: transparent;
}
#banner_grafik{
	float: left;
	width: 100%;
	height: 152px;
	margin-bottom: 38px;
	background: transparent;
}
#banner_grafik img{
margin-left: 4px;
}
#banner_grafik img:first-child, .erstesbild{
margin-left:0px;
}
#highlights{
    float:left;
    font-size: 14px;
    height: 25px;
    margin-bottom: 8px;
    margin-left:12px;
    width: 878px;
    overflow: hidden;
    /*border: 1px solid #123456;*/
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-animation: marquee 40s linear 0s infinite; /* Chrome, Safari, Opera */
    animation:         marquee 40s linear 0s infinite; /* Standard syntax */
}
#highlights span{
margin: 0px 20px;
color: #004494;
}
#highlights:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes marquee
{
    from { text-indent: 50em }
    to   { text-indent: -50em }
}

/* Standard syntax */
@keyframes marquee
{
    from { text-indent: 50em }
    to   { text-indent: -50em }
}

#nav { overflow:hidden; }
.button{
	float:left;
	width: 294px;
	height: 203px;
	display: block;
	margin-right:4px;
	overflow:hidden;
	position:relative;
	background-image: url(http://www.rub.de/ua-mr/bilder/TU-Logo%20auf%20dem%20Mathetower%20klein.jpg);
}
.slide{
	float:left;
	width: 294px;
	height: 203px;
	position: absolute;
	top:201px;
	/*left:1px;*/
	display:block;
}
.pfeil_auf th,.pfeil_zu th{
background-image: url("http://www.rub.de/ua-mr/grafik/pfeil_auf.png");
background-repeat: no-repeat;
background-position: 3px 11px;
cursor: pointer;
padding-left: 18px;
}
.pfeil_zu th{
background-image: url("http://www.rub.de/ua-mr/grafik/pfeil_zu.png");
}
#rub{ background: url(http://www.rub.de/ua-mr/grafik/ua_ruhr_rub.jpg) no-repeat; background-position: 0px 0px;}
#tudo{ background: url(http://www.rub.de/ua-mr/grafik/ua_ruhr_tudo.jpg) no-repeat; background-position: 0px 0px;}
#udue{ background: url(http://www.rub.de/ua-mr/grafik/ua_ruhr_udue.jpg) no-repeat; background-position: 0px 0px; margin-right:0px !important;}
#rub .slide {background: url(http://www.rub.de/ua-mr/grafik/ua_ruhr_rub_overlay.png) no-repeat;}
#tudo .slide { background: url(http://www.rub.de/ua-mr/grafik/ua_ruhr_tudo_overlay.png) no-repeat;}
#udue .slide { background: url(http://www.rub.de/ua-mr/grafik/ua_ruhr_udue_overlay.png) no-repeat;}
.nojs #rub:hover,.nojs #tudo:hover,.nojs #udue:hover{background-position: 0 -203px;}

/*--- Menue ------------------------------------------------------------*/
#menue{
	list-style-type: none;
	color: #303030;
	font-size:13px;
	line-height:15px;
	}
#menue li,#rechtespalte ol li {
	border-top: 1px solid #a6a8a8;
}
li a{
	vertical-align:baseline;
}
#menue{
	margin-bottom: 2.5em;
}
#menue li{
	height:19px;
	padding: 4px 0 4px 1px;
	}

/*--- Inhalte ------------------------------------------------------------*/
#inhalt{
	font-size:15px;
	color: #303030;
        text-align: justify;
}

h1{
	color:#004494;
	font-size:20px;
	line-height:20px;
        text-align: left;
}

h2{
	color:#004494;
	font-size:15px;
	line-height:17px;
   text-align: left;
}

h3{
	color:#004494;
	font-size:12px;
	line-height:17px;
   text-align: left;
}

h1, h2{
	margin-top: 15px;
        margin-bottom: 15px;
	font-weight:bold;
	text-transform: uppercase;
}

h3 {
	margin-bottom: 3px;
	font-weight:bold;
	text-transform: uppercase;
}

}
#inhalt p, #rechtespalte p{
	margin-bottom: 1em;
	font-size:15px;
	line-height:18px;
        text-align: justify;
	}
#inhalt ul{
	list-style-type: disc;
	list-style-position:outside;
	margin-top: 0px;
	padding-top: 0px;
        font-size:15px;
}
#inhalt li{
	font-size:15px;
	line-height:18px;
	padding: 0px 0 4px 1px;
	margin-left:15px;
	margin-top: 0px;
}
table{
width: 100%;
border-collapse: collapse;
}
th{
background-color: #e5e5e5;
color:#004494;
font-size:13px;
line-height:15px;
border: 1px solid #a8a8a8;
text-align: left;
padding: 4px 0 4px 8px;
min-width: 100px;
}
td{
font-size:13px;
background-color: #FFFFFF;
border: 1px solid #a8a8a8;
padding: 4px 0 4px 5px;
text-align: left;
min-width: 30px;
}

#col {
        float: left;/* notig? */
	display:inline-block
        margin-right: 20px;
}

/*--- Randspalte ------------------------------------------------------------*/
#rechtespalte ul li p{
	margin-bottom: 0px;
}
#rechtespalte{
	font-size:13px;
	line-height:18px;
}
#rechtespalte ul{
	list-style-type: disc;
	list-style-position:outside;
	margin: 0 0 15px 0;	
}
#rechtespalte ol{
	list-style-type: none;
	margin: 0 0 15px 0;	
}
#rechtespalte li{
	padding: 8px 0 10px 1px;
	font-size:13px;
}
#rechtespalte ul li{
	padding: 0px 0 4px 1px;
	margin-left:15px;
	margin-top: 0px;
}	
#rechtespalte .iconlink{
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}
.iconlink, .iconlink span{
	vertical-align: 0.2em;
	font-size:13px;
	line-height:15px;
}
.iconlink img{
	padding-right: 5px;
}
#rechtespalte form{
	margin-top: 80px;
}

/*--- Suche ------------------------------------------------------------*/
.suchbutton {
	float: left;
	height: 22px;
	width: 22px;
	cursor: pointer;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(http://www.rub.de/ua-mr/grafik/absenden.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 0px none;
}
.suchfeld{
	color:#aaa;
	float:left;
	font-size:12px;
	height:18px;
	width:170px;
	border: 1px solid #aaa;
	border-right: 0px none;
	padding: 1px;
	margin: 0px;
}
#inhalt .suchfeld{
	width:410px;
}

/*--- Footer ------------------------------------------------------------*/
#footer #impress{
	position:absolute;
	vertical-align: middle;
	margin: 15px 0 0 15px;
	color: #FFFFFF;
	font-size:13px;
	width: 990px;
}
#impress a,#impress a:link,#impress a:visited{
color: #FFFFFF;
}

/*--- Druck ------------------------------------------------------------*/
@media print
{
  /* .print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }
  /* Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}